<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link href="/public/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="/public/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="/public/skin/default/skin.css" rel="stylesheet" type="text/css" />
<link href="/public/lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
<link href="/public/css/style.css" rel="stylesheet" type="text/css" />
<link href="/public/css/jPages.css" rel="stylesheet" type="text/css" />
<link href="/public/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />


<script type="text/javascript" src="/public/js/utils/jquery-1.10.2.min.js"></script> 
<script type="text/javascript" src="/public/lib/bootstrap-modal/2.2.4/bootstrap-modal.js"></script>
<script type="text/javascript" src="/public/lib/bootstrap-modal/2.2.4/bootstrap-modalmanager.js"></script>
<script type="text/javascript" src="/public/lib/layer/1.9.3/layer.js"></script>
<script type="text/javascript" src="/public/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="/public/lib/My97DatePicker/WdatePicker.js"></script> 
<script type="text/javascript" src="/public/lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="/public/js/H-ui.js"></script> 
<script type="text/javascript" src="/public/js/jPages.js"></script> 
<script type="text/javascript" src="/public/js/H-ui.admin.js"></script> 
<script type="text/javascript" src="/public/lib/Validform/5.3.2/Validform.min.js"></script> 
<script type="text/javascript" src="/public/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script> 
<script type="text/javascript" src="/public/js/jquery.form.js"></script> 
<script type="text/javascript" src="/public/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="/public/js/ajaxfileupload.js"></script>
<script type="text/javascript" src="/public/js/picbox.js"></script>
<script type="text/javascript" src="/public/js/lightbox.js"></script>

<script type="text/javascript" src="/public/js/utils/util.js"></script>
<script type="text/javascript" src="/public/js/utils/jquery.cookie.js"></script>

<title>金融机构详情页面</title>
</head>
<body>
		<div id="tab_demo" class="HuiTab pd-20">
			  <div class="">
			  	 <h1>金融公司的名字</h1>
			  </div>
			  <div class="cl pd-5 mt-20 mg-b">
					<span class="l" style="">
					</span> 
					<span class="r"> 
						<button name="" id="exportExcel" class="btn btn-success" type="button" onclick="exportExcel()"> <i class="Hui-iconfont"></i>导出Excel</button>
					</span>
			  </div>
			  <div class="cl pd-5 bg-1 bk-gray mg-b">
				<span style="font-size:16px;" class="l">
					 旗下证券公司列表:
				</span> 
				<span class="r"> 
				</span>
			  </div>
			  <div class="tab-content">
					<table class="table table-border table-bordered table-hover table-bg ">
					<thead>
						<tr class="text-c">
							<th width="10">ID</th>
							<th width="100">证券公司名称</th>
							<th width="100">公司所在地</th>
							<th width="100">合作方式</th>
							<th width="80">跳转类型</th>
							<th width="80">联系人</th>
							<th width="30">联系方式</th>
							<th width="30">开户补贴（元）</th>
							<th width="80">官方交易手续费（万分之）</th>
							<th width="40">平台补贴</th>
							<th width="40">推广总数</th>
							<th width="40">已售总数</th>
							<th width="40">上架状态</th>
							<th width="100">产品状态</th>
							<th width="100">推荐状态</th>
							<th width="100">产品有效期</th>
							<th width="300">操作</th>
						</tr>
					</thead>
					<tbody>
							<tr class="text-c">
							<td>1</td>
							<td>xxxxx</td>
							<td>广东省深圳市</td>
							<td>CPA</td>
							<td>网页</td>
							<td>xxxx</td>
							<td>13000XXXX</td>
							<td>13元</td>
							<td>2</td>
							<td>交易手续费-50%</td>
							<td>5000元</td>
							<td>5000元</td>
							<td>上架</td>
							<td>已售罄</td>
							<td>推荐</td>
							<td>XXXX年XX月XX日~XXXX年XX月XX日</td>
							<td class="td-manage">
								<a title="详情" href="javascript:;" onclick="checkSecuityDetails('查看详情','security-list-details.html')" class="btn btn-warning size-MINI radius" style="text-decoration:none"><i class="Hui-iconfont">详情</i></a>
								<a title="购买详情" href="javascript:;" class="btn btn-warning size-MINI radius" style="text-decoration:none"><i class="Hui-iconfont">购买详情</i></a> 
								<i class="Hui-iconfont">|</i>
								<a title="删除" href="javascript:;" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a>
							</td>
						</tr>
						<tr class="text-c">
							<td>2</td>
							<td>xxxxx</td>
							<td>广东省深圳市</td>
							<td>CPA</td>
							<td>网页</td>
							<td>xxxx</td>
							<td>13000XXXX</td>
							<td>13元</td>
							<td>2</td>
							<td>交易手续费-50%</td>
							<td>5000元</td>
							<td>5000元</td>
							<td>下架</td>
							<td>已售罄</td>
							<td>----</td>
							<td>XXXX年XX月XX日~XXXX年XX月XX日</td>
							<td class="td-manage">
								<a title="详情" href="javascript:;" onclick="checkSecuityDetails('查看详情','security-list-details.html')" class="btn btn-warning size-MINI radius" style="text-decoration:none"><i class="Hui-iconfont">详情</i></a>
								<a title="购买详情" href="javascript:;" class="btn btn-warning size-MINI radius" style="text-decoration:none"><i class="Hui-iconfont">购买详情</i></a> 
								<i class="Hui-iconfont">|</i>
								<a title="挂起" href="javascript:;" class="btn btn-secondary  size-MINI radius" style="text-decoration:none"><i class="Hui-iconfont">挂起</i></a>
								<i class="Hui-iconfont">|</i>
								<a title="编辑" href="javascript:;" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a>
								<a title="删除" href="javascript:;" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	<script type="text/javascript">
		$(function(){
			/***tab切换***/
			$("body").on("click",".myTabBar span",function(){
				var tabName = $(this).attr("tab-name");
				$(".tab-content").hide();
				$(".myTabBar span").removeClass("current");
				$("."+tabName).show();
				$(this).addClass("current");
			});
			/**点击修改**/
			$(".insurance-sort-update").on("click",function(){
				var trs = $("table tbody tr");
				$.each(trs,function(index,tr){
					var input = "<input type='text' class='editInput' value='"+ (index+1) +"' />";
					$(tr).find("td:eq(0)").text("").append(input);
				});
			});
			/**修改**/
			$("body").on("change",".editInput",function(){
				$(".insurance-sort-update").hide();
				$(".insurance-sort-sure").show();
			});
		});
	</script>
</body>
</html>